<script setup lang="ts">
import {MenuTypeEnum, MenuTypeLabelEnum} from "@menu"

/**
 * 组件参数
 */
defineProps<{
  // 菜单类型 1:目录;2:菜单;3:iframe;4:外链;
  type: MenuTypeEnum;
}>()
</script>

<template>
  <n-tag v-if="type === MenuTypeEnum.DIR">{{ MenuTypeLabelEnum.DIR }}</n-tag>
  <n-tag v-else-if="type === MenuTypeEnum.MENU" type="success">{{ MenuTypeLabelEnum.MENU }}</n-tag>
  <n-tag v-else-if="type === MenuTypeEnum.IFRAME" type="info">{{ MenuTypeLabelEnum.IFRAME }}</n-tag>
  <n-tag v-else type="warning">{{ MenuTypeLabelEnum.LINK }}</n-tag>
</template>

<style scoped lang="scss">
.n-tag {
  border-radius: 0.5rem;
}
</style>
